<script setup>
import {ref} from 'vue'
const option = ref({
    xAxis:{
        data:['A','B','C','D','E','F'],
        axisLabel:{
            style:{
                fill:'#fff',
                fontSize:16
            }
        },
        axisLine:{    //坐标轴配置
            style:{
                stroke:'#fff'  
            }
        },
        axisTick:{   //坐标轴刻度线配置
            style:{
                stroke:'#fff'  
            }
        }
    },
    yAxis:{
        data:'value',
        min:0,
        max:8,
        axisLabel:{
            style:{
                fill:'#fff',
                fontSize:16
            }
        },
        axisLine:{    //坐标轴配置
            style:{
                stroke:'#fff'  
            }
        },
        splitLine:{    //分割线配置    
            show: false
        }
    },
    series:[
        {
            data:[4.5,7.1,8.6,8,1.9,5],
            type:'line',
            lineArea:{    //折线区域配置
                show:true,
                gradient:['rgba(255,255,255,.4)','rgba(255,255,255,.1)']
            }
        }
    ]
})
</script>

<template>
     <dv-border-box11 title="办结统计" :title-width="400" :animate="false" style="width:100%;height:200px">
        <dv-charts :option="option" style="width:100%;height:200px"/>
    </dv-border-box11>

</template>

<style scoped>

</style>